/* ----------------------------------------------------------------
    Modify     : PC,手机活动页面调用样式 - page.单页面,空模版,活动页,宣传页
    Created on : 2019-8-13, 15:07:00 / 2019-9-2, 15:07:00
    Author     : Snake
    Version    : 3.0 / 4.0
-----------------------------------------------------------------*/
/* 标题 */
.page-title {
    text-align: center;
}

.page-title .title-img {
    display: inline-block;
}

.page-title font {
    font-size: 24px;
    font-weight: bold;
}

.page-ztitle h1 {
    margin-top: 25px;
    margin-bottom: 30px;
}

.page-ztitle h5 {
    color: #666;
}

.hr {
    width: 30px;
    height: 2px;
    margin: 20px auto;
    background: #33cde5;
}

h1, h2, h3, h4, h5 {
    margin-top: 0;
    margin-bottom: 0;
}

/* ----------------------------------------------------------------
       wechat.小程序
-----------------------------------------------------------------*/
/* 单页面层1 */
.wechat-one {
    margin-bottom: 20px;
}

.wechat-one .other-cont {
    margin-top: 30px;
}

.wechat-one-content {
    width: 100%;
    margin-top: 60px;
    display: inline-block;
}

.wechat-one-content li {
    list-style: none;
    float: left;
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
}

.wechat-one-content .picon-img {
    width: 140px;
    height: 145px;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}

.wechat-one-content .picon-img img {
    width: 140px;
    height: 145px;
}

.wechat-one-content .picon01 .picon-img {
    background: url("../images/wechat/picon01.png");
    background-repeat: no-repeat;
}

.wechat-one-content .picon02 .picon-img {
    background: url("../images/wechat/picon02.png");
    background-repeat: no-repeat;
}

.wechat-one-content .picon03 .picon-img {
    background: url("../images/wechat/picon03.png");
    background-repeat: no-repeat;
}

.wechat-one-content .picon04 .picon-img {
    background: url("../images/wechat/picon04.png");
    background-repeat: no-repeat;
}

.wechat-one-content .picon01 .picon-img:hover {
    background: url("../images/wechat/picon01s.png");
    background-repeat: no-repeat;
}

.wechat-one-content .picon02 .picon-img:hover {
    background: url("../images/wechat/picon02s.png");
    background-repeat: no-repeat;
}

.wechat-one-content .picon03 .picon-img:hover {
    background: url("../images/wechat/picon03s.png");
    background-repeat: no-repeat;
}

.wechat-one-content .picon04 .picon-img:hover {
    background: url("../images/wechat/picon04s.png");
    background-repeat: no-repeat;
}

.wechat-one-content h3 {
    margin-bottom: 20px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

.wechat-one-content li h3 {
    color: #000;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

.wechat-one-content li p {
    color: #aaa;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

/* 单页面层2 */
.wechat-two {
    width: 100%;
    height: 700px;
}

.wechat-two .other-cont {
    margin-top: 0;
}

.wechat-two .we-bg {
    height: 700px;
    position: absolute;
}

.wechat-two .we-bg img {
    height: 700px;
}

.wechat-two .container {
    position: relative;
    z-index: 3;
}

.wechat-two .wechat-two-left {
    width: 52%;
    height: 550px;
    float: left;
    margin-top: 100px;
    padding: 140px 120px 0 30px;
    border: 3px solid #fff;
}

.wechat-two .wechat-two-left h3, .wechat-two .wechat-two-left p {
    color: #fff;
}

.wechat-two .wechat-two-left h3:nth-child(1) {
    margin-bottom: 10px;
}

.wechat-two .wechat-two-left p {
    margin-bottom: 10px;
}

.wechat-two .wechat-two-left p:nth-child(3) {
    margin-top: 40px;
}

.wechat-two .wechat-two-right {
    width: 40%;
    float: right;
}

.wechat-two .wechat-two-right .wechat-two-cont h4,
.wechat-two .wechat-two-right .wechat-two-cont p,
.wechat-two .wechat-two-right .wechat-two-box .wechat-two-item .wechat-two-txt h5,
.wechat-two .wechat-two-right .wechat-two-box .wechat-two-item .wechat-two-txt p {
    color: #fff;
}

.wechat-two .wechat-two-right .wechat-two-cont {
    margin-top: 150px;
}

.wechat-two .wechat-two-right .wechat-two-cont h4 {
    margin-bottom: 10px;
}

.wechat-two .wechat-two-right .wechat-two-box {
    margin-top: 50px;
}

.wechat-two .wechat-two-right .wechat-two-box .wechat-two-item {
    width: 100%;
    margin-bottom: 25px;
    display: inline-block;
}

.wechat-two .wechat-two-right .wechat-two-box .wechat-two-item .wechat-two-img {
    width: 10%;
    float: left;
}

.wechat-two .wechat-two-right .wechat-two-box .wechat-two-item .wechat-two-img img {
    margin: 0 auto;
}

.wechat-two .wechat-two-right .wechat-two-box .wechat-two-item .wechat-two-txt {
    width: 80%;
    float: right;
}

.wechat-two .wechat-two-right .wechat-two-box .wechat-two-item .wechat-two-txt h5 {
    font-size: 16px;
    margin-bottom: 10px;
}

.wechat-two .wechat-two-right .wechat-two-box .wechat-two-item .wechat-two-txt p {
    line-height: 25px;
}

/* 单页面层3 */
.wechat-three {
    width: 100%;
    margin-top: 50px;
}

.wechat-three .page-ztitle {
    margin-top: 40px;
}

.wechat-three .other-cont {
    margin-top: 30px;
}

.other-cont .page-tcont {
    width: 100%;
    margin-top: 40px;
}

.page-tcont li {
    position: relative;
    width: 190px;
    height: 252px;
    float: left;
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
}

.page-tcont a {
    position: absolute;
    display: block;
    width: 190px;
    height: 252px;
    text-align: center;
    top: 0;
    left: 0;
    transition: all 2s cubic-bezier(0.4,0,0.2,1) 0s;
}

.page-tcont .page-tcont-icon {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    margin: 64px auto 30px;
    border-radius: 10px;
    overflow: hidden;
    transition: margin .4s cubic-bezier(0.4,0,0.2,1) 0s;
}

.page-tcont-icon i {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 10px;
}

.page-tcont-icon i {
    transition: margin .4s cubic-bezier(0.4,0,0.2,1) 0s;
}

.page-tcont-icon01 {
    background-image: url("../images/wechat/tcont01.png");
}

.page-tcont-icon02 {
    background-image: url("../images/wechat/tcont02.png");
}

.page-tcont-icon03 {
    background-image: url("../images/wechat/tcont03.png");
}

.page-tcont-icon04 {
    background-image: url("../images/wechat/tcont04.png");
}

.page-tcont-icon05 {
    background-image: url("../images/wechat/tcont05.png");
}

.page-tcont-icon06 {
    background-image: url("../images/wechat/tcont06.png");
}

.page-tcont-icon07 {
    background-image: url("../images/wechat/tcont07.png");
}

.page-tcont-icon08 {
    background-image: url("../images/wechat/tcont08.png");
}

.page-tcont-icon09 {
    background-image: url("../images/wechat/tcont09.png");
}

.page-tcont-icon10 {
    background-image: url("../images/wechat/tcont10.png");
}

.page-tcont-icon11 {
    background-image: url("../images/wechat/tcont11.png");
}

.page-tcont-icon12 {
    background-image: url("../images/wechat/tcont12.png");
}

.page-tcont-item h3 {
    line-height: 18px;
    font-size: 18px;
    color: #333;
    transition: all .4s cubic-bezier(0.4,0,0.2,1) 0s;
}

.page-tcont-item p {
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    opacity: 0;
    margin-top: 12px;
    transition: all .4s cubic-bezier(0.4,0,0.2,1) 0s;
}

.page-tcont-item p.page-tcont-more {
    display: block;
    width: 80px;
    font-size: 15px;
    color: #fff;
    padding: 3px 0;
    margin: 15px auto 0;
    border-radius: 3px;
    border: 1px solid #fff;
}

.page-tcont-item:hover {
    transition: all .4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.page-tcont-item:hover .page-tcont-icon {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: 10px auto 6px;
    border-radius: 10px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
}

.page-tcont-item:hover h3 {
    color: #fff;
    font-weight: bold;
}

.page-tcont-item:hover p {
    opacity: 1;
    transition: all .4s cubic-bezier(0.4,0,0.2,1) 0s;
}

.page-tcont-item:hover .page-tcont-more {
    display: block;
    transition: all .4s cubic-bezier(0.4,0,0.2,1) 0s;
}

.page-tcont-icon {
    transition: margin .4s cubic-bezier(0.4,0,0.2,1) 0s;
}

.page-tcont .page-tcont-bg1:hover, .page-tcont .page-tcont-bg1 .page-tcont-icon, .page-tcont-bg12:hover, .page-tcont .page-tcont-bg12 .page-tcont-icon {
    background: -webkit-linear-gradient(#019bff,#9079ff);
    background: -o-linear-gradient(#019bff,#9079ff);
    background: -moz-linear-gradient(#019bff,#9079ff);
    background: linear-gradient(#019bff,#9079ff);
}

.page-tcont .page-tcont-bg2:hover, .page-tcont .page-tcont-bg2 .page-tcont-icon, .page-tcont .page-tcont-bg11:hover, .page-tcont .page-tcont-bg11 .page-tcont-icon {
    background: -webkit-linear-gradient(#fd985b,#fd4e5a);
    background: -o-linear-gradient(#fd985b,#fd4e5a);
    background: -moz-linear-gradient(#fd985b,#fd4e5a);
    background: linear-gradient(#fd985b,#fd4e5a);
}

.page-tcont .page-tcont-bg3:hover, .page-tcont .page-tcont-bg3 .page-tcont-icon, .page-tcont .page-tcont-bg10:hover, .page-tcont .page-tcont-bg10 .page-tcont-icon {
    background: -webkit-linear-gradient(#6986e7,#895ed9);
    background: -o-linear-gradient(#6986e7,#895ed9);
    background: -moz-linear-gradient(#6986e7,#895ed9);
    background: linear-gradient(#6986e7,#895ed9);
}

.page-tcont .page-tcont-bg4:hover, .page-tcont .page-tcont-bg4 .page-tcont-icon, .page-tcont .page-tcont-bg8:hover, .page-tcont .page-tcont-bg8 .page-tcont-icon {
    background: -webkit-linear-gradient(#ffb104,#ff8252);
    background: -o-linear-gradient(#ffb104,#ff8252);
    background: -moz-linear-gradient(#ffb104,#ff8252);
    background: linear-gradient(#ffb104,#ff8252);
}

.page-tcont .page-tcont-bg5:hover, .page-tcont .page-tcont-bg5 .page-tcont-icon, .page-tcont .page-tcont-bg7:hover, .page-tcont .page-tcont-bg7 .page-tcont-icon {
    background: -webkit-linear-gradient(#b34efe,#ff3d7f);
    background: -o-linear-gradient(#b34efe,#ff3d7f);
    background: -moz-linear-gradient(#b34efe,#ff3d7f);
    background: linear-gradient(#b34efe,#ff3d7f);
}

.page-tcont .page-tcont-bg6:hover, .page-tcont .page-tcont-bg6 .page-tcont-icon, .page-tcont .page-tcont-bg9:hover, .page-tcont .page-tcont-bg9 .page-tcont-icon {
    background: -webkit-linear-gradient(#99cc34,#5fcc55);
    background: -o-linear-gradient(#99cc34,#5fcc55);
    background: -moz-linear-gradient(#99cc34,#5fcc55);
    background: linear-gradient(#99cc34,#5fcc55);
}

.page-tcont a:hover .page-tcont-icon {
    background-image: none!important;
}

/* 单页面层4 */
.wechat-team {
    width: 100%;
    height: 590px;
}

.wechat-team .other-cont {
    margin-top: 30px;
}

.wechat-team .team-bg {
    height: 560px;
    position: absolute;
}

.wechat-team .team-bg img {
    height: 560px;
}

.wechat-team .container {
    position: relative;
    z-index: 3;
    top: 100px;
}

.wechat-team .page-title, .wechat-team .page-ztitle, .wechat-team .page-ztitle h5 {
    color: #fff;
}

.wechat-team .page-ztitle h5 {
    margin-top: 15px;
}

.wechat-team .wechat-team-cont {
    margin-top: 100px;
}

.wechat-team .wechat-team-img {
    width: 100%;
}

.wechat-team .wechat-team-img img {
    margin: 0 auto;
}

.wechat-team .wechat-team-txt {
    width: 100%;
    text-align: center;
}

.wechat-team .wechat-team-txt p {
    color: #fff;
}

.wechat-team .wechat-team-txt p:nth-child(1) {
    margin-top: 50px;
}

.wechat-team .wechat-team-txt p:nth-child(2) {
    margin-top: 15px;
}

/* 单页面层5 */
.wechat-our {
    width: 100%;
}

.wechat-our .other-cont {
    margin-top: 50px;
}

.wechat-our .page-ztitle {
    margin-top: 5px;
}

.wechat-our .starter-template h5 {
    font-size: 14px;
}

.wechat-our .wechat-our-cont {
    width: 100%;
    display: inline-block;
    margin-top: 50px;
}

.wechat-our .wechat-our-item {
    width: 23%;
    height: 288px;
    margin-right: 27px;
    float: left;
    padding: 40px 15px;
    text-align: center;
    background: url("../images/wechat/our-item-bg.png") no-repeat center;
    background-size: 100% 100%;
}

.wechat-our .wechat-our-item:last-child {
    float: right;
    margin-right: 0;
}

.wechat-our .wechat-our-item .wechat-our-img {
    width: 100%;
}

.wechat-our .wechat-our-item .wechat-our-img img {
    margin: 0 auto;
}

.wechat-our .wechat-our-item .wechat-our-txt {
    color: #fff;
    margin-top: 30px;
}

.wechat-our .wechat-our-item .wechat-our-txt h4 {
    font-weight: bold;
    color: #d2d0d0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.wechat-our .wechat-our-item .wechat-our-txt p {
    color: #d2d0d0;
    text-align: left;
    margin-top: 15px;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

/* 单页面层6 */
.page-message {
    width: 100%;
    height: 474px;
    margin-top: 50px;
    background: url("../images/message-bg.jpg") no-repeat center;
}

.page-message .other-cont {
    margin-top: 0;
}

.page-message .starter-template {
    padding: 15px 0;
    background: #33cde5;
}

.page-message .starter-template h5 {
    color: #fff;
}

.page-message .starter-template span {
    position: absolute;
    width: 0;
    height: 0;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    border-top: 30px solid #33cde5;
}

.page-message .page-message-font {
    margin-top: 100px;
}

/* ----------------------------------------------------------------
       applet.微信平台
-----------------------------------------------------------------*/
/* 单页面层1 */
.applet-our {
    width: 100%;
}

.applet-our .other-cont .page-ztitle h5 {
    margin-top: 10px;
}

.applet-our .other-cont {
    margin-top: 30px;
}

.applet-our .applet-our-content {
    margin-top: 80px;
}

.applet-our-content li {
    list-style: none;
    float: left;
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
}

.applet-our-content .picon-img {
    width: 65px;
    height: 60px;
    margin: 0 auto;
    background: url("../images/applet/applet-our.png") no-repeat;
}

.applet-our-content .picon-img img {
    width: 65px;
    height: 60px;
}

.applet-our-content .picon01 .picon-img {
    background-position: -8px -6px;
}

.applet-our-content .picon02 .picon-img {
    background-position: -7px -73px;
}

.applet-our-content .picon03 .picon-img {
    background-position: -7px -207px;
}

.applet-our-content .picon04 .picon-img {
    background-position: -8px -140px;
}

.applet-our-content h3 {
    margin-bottom: 20px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

.applet-our-content li h4 {
    color: #000;
    margin-top: 15px;
    margin-bottom: 10px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

.applet-our-content li p {
    color: #aaa;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

.applet-our-content li:hover h4 {
    color: #076bf2;
}

.applet-our-content li.picon01:hover .picon-img {
    background-position: -93px -6px;
}

.applet-our-content li.picon02:hover .picon-img {
    background-position: -92px -73px;
}

.applet-our-content li.picon03:hover .picon-img {
    background-position: -93px -207px;
}

.applet-our-content li.picon04:hover .picon-img {
    background-position: -94px -140px;
}

/* 单页面层2 */
.applet-two {
    width: 100%;
    margin-top: 40px;
    padding: 40px 0 40px 0;
    background: url("../images/apple02-bg.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.applet-two .page-title, .applet-two .page-ztitle, .applet-two .page-ztitle h5 {
    color: #fff;
}

.applet-two .applet-cont {
    margin-top: 40px;
    margin-left: 27%;
    display: inline-block;
}

.applet-two .applet-cont .applet-div {
    width: 100px;
    height: 100px;
    float: left;
    text-align: center;
}

.applet-two-radio {
    border-radius: 100%;
    border: 1px solid #fff;
}

.applet-two-radio span {
    font-size: 25px;
    color: #fff;
    margin-top: 20px;
}

.applet-two-radio p {
    color: #fff;
    margin-top: 5px;
}

.applet-hr {
    margin: 49px 15px 0 15px;
    height: 1px!important;
    background: #fff;
}

/* 单页面层3 */
.applet-three {
    margin-top: 50px;
}

.applet-three-content {
    width: 100%;
    margin-top: 60px;
    display: inline-block;
}

.applet-three-content li {
    list-style: none;
    float: left;
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
}

.applet-three-content .picon-img {
    width: 118px;
    height: 118px;
    padding: 10px;
    margin: 10px auto 0 auto;
    text-align: center;
    display: inline-block;
    background: url("../images/applet-icon.png") no-repeat scroll 0 0;
}

.applet-three-content .picon-img img {
    width: 118px;
    height: 118px;
}

.applet-three-content .picon-img:hover {
    animation: swing 1s;
    -webkit-animation: swing 1s;
}

.applet-three-content .picon01 .picon-img {
    background-position: 0px 0px;
}

.applet-three-content .picon02 .picon-img {
    background-position: -118px 0px;
}

.applet-three-content .picon03 .picon-img {
    background-position: -236px 0px;
}

.applet-three-content .picon04 .picon-img {
    background-position: -354px 0px;
}

.applet-three-content .picon05 .picon-img {
    background-position: 0px -118px;
}

.applet-three-content .picon06 .picon-img {
    background-position: -118px -118px;
}

.applet-three-content .picon07 .picon-img {
    background-position: -236px -118px;
}

.applet-three-content .picon08 .picon-img {
    background-position: -354px -118px;
}

/* 单页面层4 */
.applet-exten {
    width: 100%;
    margin-top: 50px;
    background: #f6f7fc;
}

.applet-exten .page-title {
    margin-top: 50px;
}

.applet-exten-cont {
    margin-top: 40px;
}

.applet-exten-cont .applet-exten-item {
    width: 262px;
    height: 288px;
    float: left;
    margin-right: 30px;
}

.applet-exten-cont .applet-exten-item:last-child {
    float: right;
    margin-right: 0;
}

.applet-exten-cont .exten-item-1 .applet-exten-img {
    width: 100%;
    height: 135px;
    background: url("../images/applet/exten1.jpg") no-repeat;
    background-size: 100%;
}

.applet-exten-cont .exten-item-2 .applet-exten-img {
    width: 100%;
    height: 135px;
    background: url("../images/applet/exten2.jpg") no-repeat;
    background-size: 100%;
}

.applet-exten-cont .exten-item-3 .applet-exten-img {
    width: 100%;
    height: 135px;
    background: url("../images/applet/exten3.jpg") no-repeat;
    background-size: 100%;
}

.applet-exten-cont .exten-item-4 .applet-exten-img {
    width: 100%;
    height: 135px;
    background: url("../images/applet/exten4.jpg") no-repeat;
    background-size: 100%;
}

.applet-exten-cont .applet-exten-item .applet-exten-img img {
    position: relative;
    margin: 0 auto;
    top: 45px;
}

.applet-exten-cont .applet-exten-item .applet-exten-txt {
    padding: 15px 10px;
    background: #fff;
}

.applet-exten-cont .applet-exten-item .applet-exten-txt p {
    text-align: center;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

.applet-exten-cont .applet-exten-item .applet-exten-txt p:nth-child(1) {
    font-size: 18px;
}

.applet-exten-cont .applet-exten-item .applet-exten-txt p:nth-child(3) {
    color: #999;
}

.applet-exten-cont .applet-exten-item .applet-exten-txt .hr {
    margin: 5px auto;
}

/* 单页面层5 */
.applet-case {
    width: 100%;
    margin-top: 80px;
}

/* 单页面层6 */
.applet-message {
    margin-top: 0;
}

/* ----------------------------------------------------------------
       contact.关于鼎联
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
       contact.单页面层1
-----------------------------------------------------------------*/
.contact-one {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0 0 50px 0;
}

/* -- 单页面层1 - 上 -- */
.contact-one-up {
    display: inline-block;
    position: relative;
    width: 100%;
}

.contact-one-up .contact-cont {
    width: 700px;
    float: left;
}

.contact-one-up .contact-cont h1 {
    margin: 0;
    padding: 0;
}

.contact-one-up .contact-cont h1 font {
    color: #33cde5;
    font-size: 40px;
}

.contact-one-up .contact-cont .contact-txt {
    margin-top: 10px;
}

.contact-one-up .contact-cont .contact-icon {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.contact-one-up .contact-cont .contact-icon .contact-icon-item {
    width: 200px;
    float: left;
    margin-right: 50px;
    margin-top: 30px;
}

.contact-one-up .contact-cont .contact-icon .contact-icon-item:nth-child(3n+3) {
    float: right;
    margin-right: 0;
}

.contact-one-up .contact-cont .contact-icon .contact-icon-txt {
    font-size: 16px;
    color: #7d7d7d;
    margin-top: 20px;
}

.contact-one-up .contact-cont .contact-more {
    font-size: 21px;
    margin-top: 50px;
    text-decoration:line-through
}

.contact-one-up .contact-img {
    width: 380px;
    float: right;
    margin: 15px auto 0 auto;
    border: 2px solid #33cde5;
}

.contact-one-up .contact-img img {
    width: 360px;
    position: relative;
    bottom: 15px;
    right: 10px;
}

/* -- 单页面层1 - 下 -- */
.contact-one-down {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 40px 0 20px 0;
}

.contact-one-list li {
    width: 390px;
    float: left;
    padding: 20px 60px;
    border: 1px solid #d9d9d9;
    background: none;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.contact-one-list li:nth-child(2) {
    border-left: 0;
    border-right: 0;
}

.contact-one-list .contact-one-icon {
    width: 80px;
    height: 80px;
    float: left;
}

.contact-one-list .contact-one-icon img {
    width: 80px;
    height: 80px;
}

.contact-one-txt {
    width: 165px;
    float: right;
}

.contact-one-txt p {
    color: #000;
    margin-top: 9px;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.contact-one-txt p:nth-child(1) {
    font-size: 20px;
}

.contact-one-list li:hover {
    border: 1px solid #00AFDA;
    background: #00AFDA;
}

.contact-one-list li:hover .contact-one-txt p {
    color: #fff;
}

/* ----------------------------------------------------------------
       contact.单页面层2
-----------------------------------------------------------------*/
.contact-two {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 100px 0;
    background: #F2F2F2;
}

.contact-two .certico {
    width: 515px;
    float: left;
    margin-top: 25px;
}

.contact-two .certico .cer-img {
    margin-bottom: 25px;
}

.contact-two .certico .cer-img img {
    width: 78px;
    height: 78px;
}

.contact-two .certico .cer-title {
    font-size: 36px;
    font-weight: bold;
    color: #1a1a1a;
}

.contact-two .certico .cer-txt {
    line-height: 30px;
    font-size: 16px;
    color: #333;
    padding: 41px 0 0 0;
}

.contact-two .certificate {
    width: 615px;
    float: right;
}

.contact-two .certificate img {
    width: 100%;
}

/* ----------------------------------------------------------------
       contact.单页面层3
-----------------------------------------------------------------*/
.contact-three {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 80px 0;
}

.ibus-title {
    display: inline-block;
    position: relative;
    width: 100%;
}

.ibus-title .ibus-title-b {
    font-size: 36px;
    line-height: 48px;
    font-weight: bold;
    color: #1a1a1a;
}

.ibus-title .ibus-title-txt {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    padding: 41px 0 66px 0;
}

.ibus-list {
    display: inline-block;
    position: relative;
    width: 100%;
    display: table;
}

.ibus-list li {
    position: relative;
    width: 18.125%;
    height: 330px;
    text-align: center;
    float: left;
    margin-right: -1px;
    padding-top: 122px;
    border: 1px solid #d8d8d8;
    background: #fff;
    cursor: pointer;
    transition: all ease .5s;
}

.ibus-list li:hover {
    width: 27.75%;
    padding-top: 92px;
}

.ibus-list li.on {
    width: 27.75%;
    padding-top: 92px;
}

.ibus-list li .num {
    position: absolute;
    width: 52px;
    height: 52px;
    line-height: 52px;
    font-size: 24px;
    font-style: oblique;
    color: #fff;
    top: -23px;
    left: 50%;
    text-align: left;
    padding-left: 8px;
    border-radius: 50%;
    background: #21abd7;
    transform: translateX(-50%);
}

.ibus-list li .num:before {
    position: absolute;
    width: 66px;
    height: 66px;
    content: "";
    left: -7px;
    top: -7px;
    border-radius: 50%;
    background: rgba(33, 171, 215, .1);
}

.ibus-list li .num:after {
    position: absolute;
    width: 80px;
    height: 80px;
    content: "";
    left: -14px;
    top: -14px;
    border-radius: 50%;
    background: rgba(33, 171, 215, .05);
}

.ibus-list li .icon {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.ibus-list li .icon img {
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0;
    top: 0;
}

.ibus-list li .icon img:last-child {
    opacity: 0;
    z-index: 2;
    transition: all ease .5s;
}

.ibus-list li:hover .icon img:last-child {
    opacity: 1;
}

.ibus-list li.on .icon img:last-child {
    opacity: 1;
}

.ibus-list li .t1 {
    line-height: 24px;
    font-size: 18px;
    font-weight: bold;
    color: #222;
    margin-top: 36px;
    transition: all ease .5s;
}

.ibus-list li:hover .t1 {
    color: #21abd7;
}

.ibus-list li.on .t1 {
    color: #21abd7;
}

.ibus-list li .t2 {
    line-height: 24px;
    font-size: 14px;
    color: #222;
    margin: 20px auto;
    display: none;
    padding: 0 13%;
}

.ibus-list li:hover .t2 {
    display: block;
    animation: fadeInUp .5s ease-out;
}

.ibus-list li.on .t2 {
    display: block;
}

/* ----------------------------------------------------------------
       contact.单页面层4
-----------------------------------------------------------------*/
.contact-four {
    display: inline-block;
    position: relative;
    width: 100%;
}

.contact-four-img img {
    width: 100%;
}

.contact-four-font {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 25%;
}

.contact-four-font p {
    color: #fff;
}

.contact-four-font .contact-four-title {
    font-size: 30px;
    color: #fffefe;
    margin-bottom: 15px;
}

.contact-four-font .contact-four-line {
    width: 50px;
    height: 5px;
    margin: 30px auto 0 auto;
    background: #fff;
}

/* ----------------------------------------------------------------
       contact.单页面层5
-----------------------------------------------------------------*/
.contact-five {
    position: relative;
    width: 100%;
	background: #f7f7f7;
}

/* ----------------------------------------------------------------
       contact_us.联系我们
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
       contact_us.第一层
-----------------------------------------------------------------*/
.contUS-one {
    position: relative;
    width: 100%;
    padding: 0 0 30px 0;
}

.contUS-title {
    /*display: inline-block;*/
	display: none;
    position: relative;
    width: 100%;
    font-size: 32px;
    text-align: center;
}

.contUS-list {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 30px;
}

.contUS-list li {
    position: relative;
    width: 363px;
    height: 229px;
    color: #fff;
    float: left;
    text-align: center;
    margin-right: 40px;
    padding: 30px 40px;
}

.contUS-list li:last-child {
    float: right;
    margin-right: 0;
}

.contUS-list li:nth-child(1) {
    background: #00a0e9;
}

.contUS-list li:nth-child(2) {
    background: #eb4b4b;
}

.contUS-list li:nth-child(3) {
    background: #22c27c;
}

.contUS-list .contUS-img {
    position: relative;
    width: 85px;
    height: 84px;
    margin: 0 auto;
}

.contUS-list .contUS-img img {
    width: 85px;
    height: 84px;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.contUS-list .contUS-txt {
    font-size: 16px;
    line-height: 30px;
    margin-top: 25px;
}

.contUS-list li:hover .contUS-img img {
    width: 65px;
    height: 64px;
    margin-top: 10px;
}

/* ----------------------------------------------------------------
       contact_us.第二层
-----------------------------------------------------------------*/
.contUS-two {
    display: inline-block;
    position: relative;
    width: 100%;
}

/* ----------------------------------------------------------------
       empty.活动页
-----------------------------------------------------------------*/
.page-empty {
    padding-left: 0;
    padding-right: 0;
}

.page-empty img {
    width: 100%;
}

.page-empty p img {
    width: 100%;
}

/* ----------------------------------------------------------------
        手机案例列表 - 小程序,微信平台
-----------------------------------------------------------------*/
.mobile-case {
    width: 100%;
    margin-top: 50px;
}

.mobile-case .mobile-case-list {
    width: 100%;
}

.mobile-case .mobile-case-item {
    position: relative;
    width: 279px;
    float: left;
    margin: 0 0 0 8px;
    background: url(../images/applet/phone-case.png) center top no-repeat;
}

.mobile-case .mobile-case-item:first-child {
    margin-left: 0
}

.mobile-case .mobile-case-main {
    position: relative;
    width: 200px;
    height: 363px;
    left: 40px;
    top: 30px;
    overflow: hidden;
    background: #fff;
}

.mobile-case .mobile-case-img {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mobile-case .mobile-case-img img {
    display: block;
    width: 100%;
    /*height: 363px;*/
}

.mobile-case .mobile-case-txt {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7) !important;
}

.mobile-case .mobile-case-txt p {
    font-size: 18px;
    margin-top: 40px;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.mobile-case .mobile-case-txt p:nth-child(1) {
    margin-top: 80px;
}

.mobile-case .mobile-case-code {
    width: 130px;
    height: 130px;
    margin: 15px auto;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

.mobile-case .mobile-case-code img {
    width: 125px;
}

.mobile-case .mobile-case-txt h3 {
    font-size: 16px;
    font-weight: 400;
    margin: 0 20px;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.mobile-case .mobile-case-text {
    color: #999;
    font-size: 16px;
    text-align: center;
    margin-top: 120px;
}

.mobile-case .mobile-case-item:hover .mobile-case-txt {
    display: block;
}

.mobile-case .mobile-case-item:hover .mobile-case-text span {
    color: #33cde5;
    padding-bottom: 10px;
    border-bottom: 2px solid #33cde5;
}

/* ----------------------------------------------------------------
        根据分辨率来判断显示
-----------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
    .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    /* 标题 */
    .page-title .text-center {
        font-size: 21px;
        color: #2d2d2d;
        font-weight: bold;
    }

    .page-title .text-withe {
        color: #fff;
    }

    .page-title .text-center span {
        background: #2d2d2d;
    }

    .page-title .text-withe span {
        background: #fff;
    }

    .page-ztitle {
        margin-top: 10px;
    }

    .page-ztitle .text-withe {
        color: #fff;
    }

    /* ----------------------------------------------------------------
        小程序
    -----------------------------------------------------------------*/
    /* 第一层 */
    .wechat-one .page-title .title-img{
        display: none;
    }

    .wechat-one .other-cont {
        margin-top: 30px;
    }

    .wechat-one .wechat-cont {
        margin-top: 20px;
    }

    .wechat-cont .wechats-item {
        margin-bottom: 10px;
    }

    .wechats-item .wechats-txt {
        width: 100%;
        color: #909090;
        margin-top: 10px;
        text-align: center;
        /*text-overflow: ellipsis;*/
        white-space: nowrap;
        overflow: hidden;
    }

    /* 第二层 */
    .wechat-two {
        display: inline-block;
        width: 100%;
        height: 500px;
        margin-top: 20px;
        background: url(../images/wechat/wechat02-bg.png) center;
    }

    .wechat-two .page-title {
        margin-top: 30px;
    }

    .wechat-two .page-title .title-img{
        display: none;
    }

    .wechat-two .page-title, .wechat-two .page-ztitle h5 {
        color: #fff;
    }

    .wechat-two .wechat-cont {
        margin-top: 20px;
    }

    .wechat-two .wechates-item {
        margin-bottom: 15px;
    }

    .wechates-item .wechats-img {
        width: 80px;
        height: 80px;
        margin: 0 auto;
        border-radius: 10px;
    }

    .wechates-item1 .wechats-img {
        background: #5cddb4;
    }

    .wechates-item2 .wechats-img {
        background: #6abde0;
    }

    .wechates-item3 .wechats-img {
        background: #82b4ff;
    }

    .wechates-item4 .wechats-img {
        background: #828eff;
    }

    .wechates-item5 .wechats-img {
        background: #ba82ff;
    }

    .wechates-item6 .wechats-img {
        background: #e682ff;
    }

    .wechates-item .wechats-img img {
        position: relative;
        margin: 0 auto;
    }

    .wechates-item1 .wechats-img img,
    .wechates-item2 .wechats-img img,
    .wechates-item3 .wechats-img img,
    .wechates-item4 .wechats-img img,
    .wechates-item5 .wechats-img img,
    .wechates-item6 .wechats-img img {
        height: 30px;
        top: 30%;
    }

    .wechates-item .wechats-txt {
        color: #fff;
        text-align: center;
        margin-top: 10px;
        /*text-overflow: ellipsis;*/
        white-space: nowrap;
        overflow: hidden;
    }

    /* 第三层 */
    .wechat-three {
        margin-top: 0;
    }

    .wechat-three .page-ztitle {
        margin-top: 10px;
    }

    .wechat-three .wechat-cont {
        margin-top: 20px;
    }

    .wechat-three .wechatese-item {
        margin-bottom: 15px;
    }

    .wechatese-item .wechatse-img {
        padding: 20px 5px 5px 5px;
        border-radius: 10px 10px 0 0;
        background: #f2f0f1;
    }

    .wechatese-item .wechatse-img img {
        height: 48px;
        margin: 0 auto;
    }

    .wechatese-item .wechatse-txt {
        text-align: center;
        padding: 5px 5px 20px 5px;
        border-radius: 0 0 10px 10px;
        background: #f2f0f1;
        /*text-overflow: ellipsis;*/
        white-space: nowrap;
        overflow: hidden;
    }

    /* 第四层 */
    .wechat-team {
        display: inline-block;
        width: 100%;
        margin-top: 20px;
        background: url(../images/wechat/wechat04-bg.png) center;
    }

    .wechat-team .page-ztitle h5 {
        margin-top: 5px;
    }

    .wechat-team .wechat-cont {
        margin-top: 20px;
    }

    .wechat-team .wechatesen-item {
        margin-bottom: 15px;
    }

    .wechatesen-item .wechatse-img {
        padding: 20px 5px 5px 5px;
        border-radius: 10px 10px 0 0;
        background: #ffffff;
    }

    .wechatesen-item .wechatse-img img {
        height: 48px;
        margin: 0 auto;
    }

    .wechatesen-item .wechatse-txt {
        text-align: center;
        padding: 5px 5px 20px 5px;
        border-radius: 0 0 10px 10px;
        background: #ffffff;
        /*text-overflow: ellipsis;*/
        white-space: nowrap;
        overflow: hidden;
    }

    /* 发布留言 */
    .m-message-cont .starter-template h5 {
        margin-top: 5px;
    }

    /* ----------------------------------------------------------------
        微信公众号
    -----------------------------------------------------------------*/
    /* 统一使用 */
    .cont-mobile .hr {
        margin: 5px auto 0 auto;
    }

    /* 第一层 */
    .applet-our {
        /*margin-top: 40px;*/
    }

    .applet-our .other-cont {
        margin-top: 20px;
    }

    .mapplet-our-cont {
        width: 100%;
        display: inline-block;
    }

    .mapplet-our-cont .mapplet-our-item {
        margin-top: 30px;
    }

    .mapplet-our-cont .mapplet-our-img {

    }

    .mapplet-our-cont .mapplet-our-img img {
        width: 48px;
        height: 48px;
        margin: 0 auto;
    }

    .mapplet-our-cont .mapplet-our-txt h5 {
        font-size: 16px;
        color: #000;
        text-align: center;
        margin: 20px 0 10px 0;
        /*text-overflow: ellipsis;*/
        white-space: nowrap;
        overflow: hidden;
    }

    .mapplet-our-cont .mapplet-our-txt p {
        color: #000;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .mapplet-our-cont .mapplet-our-item:hover .mapplet-our-txt h5 {
        color: #33cde5;
    }

    /* 第二层 */
    .applet-two {
        padding: 30px 0 20px 0;
        background: #f1f1f1;
    }

    .applet-two .page-title, .applet-two .page-ztitle, .applet-two .page-ztitle h5 {
        color: #000;
    }

    .applet-two .applet-cont {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

    .applet-two .applets-item {
        width: 33.333%;
        float: left;
        margin-bottom: 30px;
    }

    .applets-item .applets-img img {
        width: 50px;
        margin: 0 auto;
    }

    .applets-item .applets-txt {
        text-align: center;
        margin-top: 10px;
        /*text-overflow: ellipsis;*/
        white-space: nowrap;
        overflow: hidden;
    }

    /* 第三层 */
    .applet-three {
        margin-top: 20px;
    }

    .applet-three .applet-cont {
        display: inline-block;
        width: 100%;
        margin-top: 20px;
    }

    .applet-three .appletes-item {
        display: -webkit-flex;
        display: flex;
        width: 100%;
        height: 75px;
        margin-bottom: 5px;
    }

    .appletes-item .appletes-img {
        width: 45px;
        height: 45px;
    }

    .appletes-item .appletes-img img {
        width: 45px;
        height: 45px;
        margin-top: 15px;
    }

    .appletes-item .applet-classify-txt {
        color: #fff;
        margin: 18px 0 0 15px;
        padding-left: 2px!important;
        top: 50px!important;
    }

    .appletes-item .applet-classify-txt h5 {
        height: 16px;
        font-size: 15px;
        margin-bottom: 5px;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        /*display: -webkit-box;*/
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .appletes-item .applet-classify-txt p {
        height: 18px;
        color: #aaa;
        font-size: 13px;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        /*display: -webkit-box;*/
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .applet-three .appletes-item1 {
        background: url(../images/applet/applet03-bg1.jpg) no-repeat;
        background-size: 100% 100%;
    }

    .applet-three .appletes-item2 {
        background: url(../images/applet/applet03-bg2.jpg) no-repeat;
        background-size: 100% 100%;
    }

    .applet-three .appletes-item3 {
        background: url(../images/applet/applet03-bg3.jpg) no-repeat;
        background-size: 100% 100%;
    }

    .applet-three .appletes-item4 {
        background: url(../images/applet/applet03-bg4.jpg) no-repeat;
        background-size: 100% 100%;
    }

    .applet-three .appletes-item5 {
        background: url(../images/applet/applet03-bg5.jpg) no-repeat;
        background-size: 100% 100%;
    }

    /* 第四层 */
    .applet-exten {
        margin-top: 20px;
        padding: 40px 0;
    }

    .applet-exten .page-title {
        margin-top: 0;
    }

    .applet-exten-cont {
        margin-top: 0;
    }

    .applet-exten-cont .applet-exten-item {
        width: 48%;
        height: auto;
        margin-right: 0;
        margin-top: 30px;
    }

    .applet-exten-cont .applet-exten-item:nth-child(2), .applet-exten-cont .applet-exten-item:nth-child(4){
        float: right;
    }

    .applet-exten-cont .applet-exten-item .applet-exten-img {
        background-size: 100% 100%;
    }

    .applet-exten-cont .applet-exten-item:hover .applet-exten-img img {
        -webkit-animation-name: swing;
        animation-name: swing;
        animation-duration: 1.5s;
        -webkit-animation-duration: 1.5s;
    }

    /* 第五层 */
    .applet-case {
        margin-top: 20px;
    }

    /* ----------------------------------------------------------------
        关于我们
    -----------------------------------------------------------------*/
    /* 统一调用 */
    .contact-title, .contact-title h3, .contact-title p {
        text-align: center;
    }

    .contact-title p {
        color: #b5afaf;
    }

    /* 第一层 */
    .contact-one {
        padding: 30px 0;
    }

    .contact-one-up .contact-cont {
        width: 100%;
    }

    .contact-one-up .contact-cont h1, .contact-one-up .contact-cont h1 font {
        font-size: 24px;
    }

    .contact-one-up .contact-cont .contact-txt {
        margin-top: 10px;
    }

    .contact-one-up .contact-cont .contact-more {
        display: none;
    }

    .contact-one-up .contact-img {
        width: 100%;
        margin-top: 10px;
    }

    .contact-one-up .contact-img img {
        width: 100%;
        right: 0;
        bottom: 0;
    }

    .contact-one-down {
        margin: 10px 0 0 0;
    }

    .contact-one-list li {
        width: 100%;
        padding: 10px 10px;
        margin-bottom: 10px;
    }

    .contact-one-list li:nth-child(2) {
        border: 1px solid #d9d9d9;
    }

    .contact-one-list li:last-child {
        margin-bottom: 0;
    }

    .contact-one-list .contact-one-icon {
        width: 20%;
        height: auto;
    }

    .contact-one-list .contact-one-icon img {
        width: 100%;
        height: auto;
    }

    .contact-one-txt {
        width: 72%;
    }

    .contact-one-txt p {
        margin-top: 0;
    }

    .contact-one-txt p:nth-child(2) {
        margin-top: 3%;
    }

    /* 第二层 = 第四层 */
    .contact-four {
        padding: 0;
    }

    .contact-four-img img {
        width: auto;
        height: 250px
    }

    .contact-four-font {
        top: 22%;
        padding: 0 10px;
    }

    .contact-four-font .contact-four-title {
        font-size: 24px;
    }

    /* 第三层 */
    .contact-three {
        padding: 30px 0;
    }

    .ibus-title .ibus-title-b {
        line-height: 34px;
        font-size: 24px;
    }

    .ibus-title .ibus-title-txt {
        font-size: 14px;
        line-height: 20px;
        color: #333;
        padding: 5px 0 20px 0;
    }

    .mibus-list li {
        position: relative;
        width: 48%;
        text-align: center;
        float: left;
        margin-top: 50px;
        padding: 70px 0;
        border: 1px solid #d8d8d8;
        background: #fff;
        cursor: pointer;
        transition: all ease .5s;
    }

    .mibus-list li:nth-child(2n+2) {
        float: right;
    }

    .mibus-list li .ibus-num {
        position: absolute;
        width: 52px;
        height: 52px;
        line-height: 52px;
        font-size: 24px;
        font-style: oblique;
        color: #fff;
        top: -23px;
        left: 50%;
        text-align: left;
        padding-left: 8px;
        border-radius: 50%;
        background: #21abd7;
        transform: translateX(-50%);
    }

    .mibus-list li .ibus-num:before {
        position: absolute;
        width: 66px;
        height: 66px;
        content: "";
        left: -7px;
        top: -7px;
        border-radius: 50%;
        background: rgba(33, 171, 215, .1);
    }

    .mibus-list li .ibus-num:after {
        position: absolute;
        width: 80px;
        height: 80px;
        content: "";
        left: -14px;
        top: -14px;
        border-radius: 50%;
        background: rgba(33, 171, 215, .05);
    }

    .mibus-list li .ibus-img {
        position: relative;
        width: 60px;
        height: 60px;
        margin: 0 auto;
    }

    .mibus-list li .ibus-img img {
        position: absolute;
        width: 60px;
        height: 60px;
        left: 0;
        top: 0;
    }

    .mibus-list li .ibus-img img:last-child {
        opacity: 0;
        z-index: 2;
        transition: all ease .5s;
    }

    .mibus-list li:hover .ibus-img img:last-child {
        opacity: 1;
    }

    .mibus-list li .ibus-txt {
        line-height: 24px;
        font-size: 18px;
        font-weight: bold;
        color: #222;
        margin-top: 36px;
    }

    .mibus-list li:hover .ibus-txt {
        color: #21abd7;
    }

    /* ----------------------------------------------------------------
        联系我们
    -----------------------------------------------------------------*/
    /* 第一层 */
    .contUS-one {
        padding: 30px 0 0 0;
    }
	
	.contUS-title {
		display: inline-block;
	}

    .contUS-list {
        margin-top: 15px;
    }

    .contUS-list li {
        width: 100%;
        margin-right: 0;
        padding: 30px 15px;
    }

    /* 第二层 */
    .contUS-two {
        padding: 30px 0;
    }

}

/* ----------------------------------------------------------------
        根据分辨率来判断显示
-----------------------------------------------------------------*/
@media screen and (min-width: 1023px) and (max-width: 1024px) {
    /* 小程序 */
    .page-tcont .page-casebig {
        width: 320px;
    }

    .page-tcont .page-casesmall {
        width: 320px;
    }

    /* 微信平台 */
    .applet-two .applet-cont {
        margin-left: 22%;
    }

    .applet-four {
        height: 490px;
    }

    .applet-four .page-title {
        margin-top: 50px;
    }

    .applet-four .applet04-img {
        width: 650px;
    }

    .applet-four .applet04-img img {
        width: 650px;
    }

    .applet-four .applet-four-list .adven-li {
        margin-top: 25px;
    }

    .mobile-case .item {
        width: 235px;
    }

    .mobile-case .main0 {
        left: 31px;
    }

    /* 关于我们 */
    .contact-message .contact-code .contact-sao {
        margin-top: -7px;
    }
}

/* ----------------------------------------------------------------
        根据不同平板分辨率来显示图片大小
-----------------------------------------------------------------*/
@media screen and (min-width: 800px) and (max-width: 1199px) {
    /* ----------------------------------------------------------------
        小程序
    -----------------------------------------------------------------*/


}

@media screen and (min-width: 768px) and (max-width: 779px) {
    /* ----------------------------------------------------------------
        小程序
    -----------------------------------------------------------------*/


}

/* ----------------------------------------------------------------
        根据不同手机分辨率来显示图片大小
-----------------------------------------------------------------*/
@media screen and (max-width: 767px) {

}

@media screen and (min-width: 411px) and (max-width: 415px) {
    /* ----------------------------------------------------------------
        小程序
    -----------------------------------------------------------------*/
    /* 第一层 */
    .wechat-one-content .picon-img, .wechat-one-content .picon-img img {
        height: 170px;
    }

    .wechat-one-content .picon-txt {
        width: 162px;
    }

    .wechat-one-content li:hover .picon-txt-on {
        width: 162px;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
    }
}

@media screen and (min-width: 374px) and (max-width: 376px) {
    /* ----------------------------------------------------------------
        小程序
    -----------------------------------------------------------------*/
    /* 第一层 */
    .wechat-one-content .picon-img, .wechat-one-content .picon-img img {
        height: 150px;
    }

    .wechat-one-content .picon-txt {
        width: 142px;
    }

    .wechat-one-content li:hover .picon-txt-on {
        width: 142px;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
    }
}

@media screen and (min-width: 359px) and (max-width: 361px) {
    /* ----------------------------------------------------------------
        小程序
    -----------------------------------------------------------------*/
    /* 第一层 */
    .wechat-one-content .picon-img, .wechat-one-content .picon-img img {
        height: 145px;
    }

    .wechat-one-content .picon-txt {
        width: 135px;
    }

    .wechat-one-content li:hover .picon-txt-on {
        width: 135px;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
    }

}

@media screen and (min-width: 319px) and (max-width: 321px) {
    /* ----------------------------------------------------------------
        小程序
    -----------------------------------------------------------------*/
    /* 第一层 */
    .wechat-one-content .picon-img, .wechat-one-content .picon-img img {
        height: 125px;
    }

    .wechat-one-content .picon-txt {
        width: 115px;
    }

    .wechat-one-content li:hover .picon-txt-on {
        width: 115px;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

}